@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
 u, i, center,
dl, dt, dd, ol, ul, li,input,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
/*:first-child  filter:alpha(opacity=50);*/
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
:focus {outline:0;}
input, button, textarea,select, optgroup, option {resize: none;}
input[type=text],input[type=button],input[type=submit], button, textarea, select {outline:none;-webkit-appearance:none;border-radius: 0; line-height: 1.5;}
input[type=text]{background: transparent; border: 1px solid #ddd; }
input[type=button],input[type=submit]{ line-height: 30px;border: none;background: #ccc;cursor: pointer;transition:0.5s;-webkit-transition: 0.5s;}
ol{list-style: none;}
table{border-collapse:collapse;border-spacing:0;/*表格自动换行*/table-layout:fixed;word-wrap:break-word; }
table td{ border: 1px solid #dcdcdc;}
caption, th{text-align:center;}
:link, :visited , ins {text-decoration: none;}
a,.transition5{transition:0.5s;-webkit-transition: 0.5s; color: inherit;}
img{vertical-align: middle;max-width: 100%;}
.scaleImg,.scaleImg2{overflow: hidden;}
.scaleImg img,.scaleImg2 img{ width: 100%;transition:0.9s;-webkit-transition: 0.9s;}
.scaleImg2 img{transform: scale(1.03);-webkit-transform: scale(1.03);}


*{-webkit-tap-highlight-color:rgba(255,0,0,0);}/*去掉手机端a链接点击时候出现的边框*/
.clear{ clear:both; height:0; font-size:0; overflow:hidden; line-height:0;}
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; } 
.fl,.floatLeft{float:left;}
.fr,.floatRight{float:right;}
.position2{ position: relative;z-index: 2;}
.position3{ position: relative;z-index: 3;}
.position4{ position: relative;z-index: 4;}
.singleTxt{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.overHidden{ overflow: hidden;} 
.inlineBlock{ display: inline-block;*display: inline;*zoom: 1;}
.imgs>img,.blockImg{display: block; width: 100%;}
.blockImg{width: 98%;}
.verTop{ vertical-align: top;}
.verMid{ vertical-align: middle;}
.versub{ vertical-align: sub;}
.flex{ display: flex;display: -webkit-flex; flex-wrap: wrap;-webkit-flex-wrap: wrap;}
.flexCenter{ display: flex;display: -webkit-flex; flex-wrap: wrap;-webkit-flex-wrap: wrap; align-items: center;-webkit-align-items;}
.centerTxt{ text-align: center;}

.marginTop1{margin-top:1%;}
.marginTop2{margin-top:2%;}
.marginTop3{margin-top:3%;}
.marginTop4{margin-top:4%;}
.marginTop5{margin-top:5%;}
.marginBot1{margin-bottom:1%;}
.marginBot2{margin-bottom:2%;}
.marginBot3{margin-bottom:3%;}
.marginBot4{margin-bottom:4%;}
.marginBot5{margin-bottom:5%;}

.paddingTop5{ padding-top: 5%;}
.paddingTop4{ padding-top: 4%;}
.paddingTop3{ padding-top: 3%;}
.paddingTop2{ padding-top: 2%;}
.paddingTop1{ padding-top: 1%;}
.paddingBot5{ padding-bottom: 5%;}
.paddingBot4{ padding-bottom: 4%;}
.paddingBot3{ padding-bottom: 3%;}
.paddingBot2{ padding-bottom: 2%;}
.paddingBot1{ padding-bottom: 1%;}
.font12{ font-size: 12px;}
.font14{ font-size: 14px;}
.font15{ font-size: 15px;}
.font16{ font-size: 16px;}
.font18{ font-size: 18px;}
.font20{ font-size: 20px;}
.font22{ font-size: 22px;}
.font24{ font-size: 24px;}
.font30{ font-size: 30px;}
.font32{ font-size: 32px;}
.font36{ font-size: 36px;}
.font40{ font-size: 40px;}
.font48{ font-size: 48px;}
.font56{ font-size: 56px;}
.color333{ color: #333;}
.colorfff{ color: #fff;}
.coloraaa{ color: #aaa;}
.color000{ color: #000;}
.colorbbb{ color: #bbb;}
.colorccc{ color: #ccc;}
.color888{ color: #888;}
.color666{ color: #666;}
.navMenu{ display: none;}
.overflowY{ overflow-y: auto;}
.overflowY::-webkit-scrollbar {width: 6px;height: 6px;}
.overflowY::-webkit-scrollbar-thumb {border-radius: 10px;background: rgba(125,168,42,0.8); -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);}
.overflowY::-webkit-scrollbar-thumb:window-inactive {background: rgba(125,168,42,0.4);}
.loadings{ position: fixed;left: 0;top: 0;bottom: 0;right: 0;background: #fff;z-index: 9999; display: none\9;}
.loadings .gif{ position: absolute; left: 0;right: 0;text-align: center;top: 50%;margin-top: -20px;}
.scrollToTop{background: #333; background: rgba(0,0,0,0.5); display: block; position: fixed; right: 2%;bottom: 2%;z-index: 50;display: none;}
.scrollToTop img{display: block;width: 16px;padding: 12px 8px;}
.scrollToTop:hover{background: #0257b1;}

.navMenu {right: 2%;display: block; z-index:22;position: absolute;top:50%; margin-top: -12px; cursor: pointer; width:30px;height:24px;}
.navMenu span{border-radius: 2px; position: absolute; left: 0;background: #0257b1; width: 100%; height: 2px; display: block;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;}
.navMenu .line1{ top: 0;}
.navMenu .line2{ top: 50%; margin-top: -1px;}
.navMenu .line3{ bottom: 0;}
.navMenu.on .line1{transform:rotate(-135deg);-o-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg); top: 50%; bottom: auto;}
.navMenu.on .line2{transform:rotate(-45deg);-o-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg); top: 50%; bottom: auto;}
.navMenu.on .line3{display: none;}

@media only screen and (max-width:1400px ) {
	.font24{ font-size: 22px;}
	.font30{ font-size: 26px;}
	.font32{ font-size: 28px;}
	.font36{ font-size: 30px;}
	.font40{ font-size: 34px;}
	.font48{ font-size: 40px;}
	.font56{ font-size: 50px;}
}


@media only screen and (max-width:1200px ) {
	.font20{ font-size: 19px;}
	.font24{ font-size: 20px;}
	.font30{ font-size: 22px;}
	.font32{ font-size: 26px;}
	.font36{ font-size: 28px;}
	.font40{ font-size: 30px;}
	.font48{ font-size: 34px;}
	.font56{ font-size: 40px;}
}

@media only screen and (min-width:1200px ) {
	body::-webkit-scrollbar {width: 10px; height: 10px;}
	body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px;}
	body::-webkit-scrollbar-thumb {border-radius: 10px;background: #aaa; -webkit-box-shadow: inset 0 0 6px #ccc;}
	body::-webkit-scrollbar-thumb:window-inactive {background: #aaa;}
	.overScroll::-webkit-scrollbar {width: 5px; height: 5px;}
	.overScroll::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
	.overScroll::-webkit-scrollbar-thumb {border-radius: 5px;background: #0257b1; -webkit-box-shadow: inset 0 0 6px #ccc;}
	.overScroll::-webkit-scrollbar-thumb:window-inactive {background: #0257b1;}
	.scaleImg img:hover{transform: scale(1.04);-webkit-transform: scale(1.04);}
	.scaleImg2 img:hover{transform: scale(1);-webkit-transform: scale(1);}
}


@media only screen and (max-width:960px ) {
	.font30{ font-size: 20px;}
	.font32{ font-size: 22px;}
	.font36{ font-size: 26px;}
	.font40{ font-size: 28px;}
	.font48{ font-size: 32px;}
	.font56{ font-size: 36px;}
}



@media only screen and (max-width:640px ) {
	.font18{ font-size: 17px;}
	.font20{ font-size: 18px;}
	.font24{ font-size: 20px;}
	.font30{ font-size: 20px;}
	.font32{ font-size: 20px;}
	.font36{ font-size: 22px;}
	.font40{ font-size: 24px;}
	.font48{ font-size: 26px;}
	.font56{ font-size: 30px;}
}



@media only screen and (max-width:480px ) {
	.font16{ font-size: 14px;}
	.font18{ font-size: 15px;}
	.font20{ font-size: 16px;}
	.font24{ font-size: 17px;}
	.font30{ font-size: 18px;}
	.font32{ font-size: 18px;}
	.font36{ font-size: 20px;}
	.font40{ font-size: 22px;}
	.font48{ font-size: 23px;}
	.font56{ font-size: 24px;}
	
	.paddingTop5{ padding-top: 25px;}
	.paddingTop4{ padding-top: 20px;}
	.paddingTop3{ padding-top: 15px;}
	.paddingTop2{ padding-top: 10px;}
	.paddingTop1{ padding-top: 5px;}
	.paddingBot5{ padding-bottom: 25px;}
	.paddingBot4{ padding-bottom: 20px;}
	.paddingBot3{ padding-bottom: 15px;}
	.paddingBot2{ padding-bottom: 10px;}
	.paddingBot1{ padding-bottom: 5px;}
	
	.marginTop1{margin-top:5px;}
	.marginTop2{margin-top:10px;}
	.marginTop3{margin-top:15px;}
	.marginTop4{margin-top:20px;}
	.marginTop5{margin-top:25px;}
	.marginBot1{margin-bottom:5px;}
	.marginBot2{margin-bottom:10px;}
	.marginBot3{margin-bottom:15px;}
	.marginBot4{margin-bottom:20px;}
	.marginBot5{margin-bottom:25px;}
}